<template>
  <h1>
    <!-- 插槽 prop  => :img="img" -->
    <slot :img="img" name="footer"></slot>
    <slot :opt="opt"></slot>
  </h1>
</template>

<script>
export default {
  data() {
    return {
      title: '我是子组件的数据',
      // 这个数据是在子组件内部获取到的，但是我想通过插槽传递给父组件
      img: 'https://www.robohash.org/2',
      opt: {
        page: 1,
        size: 5,
      },
    }
  },
}
</script>

<style></style>
